.wrapper {
  // 大盒子
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;

  // 头部
  .header {
    display: flex;
    flex-direction: row;
    height: 260px;
    width: 100vw;
    position: relative;
    box-shadow: 2px 2px 4px 0px #bbb;

    // 医生图片
    .doctorImage {

      width: 100%;
      text-align: center;

      img {
        height: 100%;
      }

    }

    // 左箭头和右铃铛
    .leftArrow {
      left: 20px;
      top: 42px;
      max-width: 16px;
    }

    .leftArrow,
    .bell {
      position: absolute;
      width: 19px;
    }

    // 铃铛
    .bell {
      right: 20px;
      top: 40px;
      // max-width: 20px;
    }

    // 查看详情
    .ViewData {
      position: absolute;
      display: flex;
      flex-direction: row;
      right: 20px;
      bottom: 10px;
      align-items: center;

      // 右箭头
      .rightArrow {
        width: 13px;
        height: 12px;
        margin-left: 7px;
      }

      // 查看资料
      .information {
        font-size: 12px;
        color: #3087ea;
      }
    }
  }

  // 内容区域
  .bottom {
    display: flex;
    flex-wrap: wrap;
  }
}